.list {
  background-color: #fff;
  padding: 50px;
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;

    li {
      width: 320px;
      height: 80px;
      line-height: 80px;
      margin-right: 30px;
      margin-bottom: 30px;
      background: #f0f0f0;
      text-align: center;

      &:nth-child(3n) {
        margin-right: 0;
      }

      &.active {
        background: #2e57ff;
        color: white;
      }
    }
  }
}
